import polyfill from "./polyfill.js";


(() => {
    const left = document.querySelector('.left')
    const right = document.querySelector('.right')
    const container = document.querySelector('.container')

    const init = () => {
        polyfill();
        bindEvent();
    }

    function bindEvent() {
        left.addEventListener('mouseenter', () => container.classList.add('hover-left'))
        left.addEventListener('mouseleave', () => container.classList.remove('hover-left'))

        right.addEventListener('mouseenter', () => container.classList.add('hover-right'))
        right.addEventListener('mouseleave', () => container.classList.remove('hover-right'))
    }

    init();
})();